
<section>
  <div>
    <div class="btn_dp">
      <button type="button">엑셀 다운로드</button>
    </div>
    <div style="clear:both">
      <table id="jsonmap">
      </table>
      <div id="pjmap"> </div>
    </div>
    <script type="text/javascript">

		jQuery("#jsonmap").jqGrid({        
			url:'/sample/data10.json',
			datatype: "json",

			colModel:[
				{name:'번호' ,	width:65, 	align:"center"}
				,{name:'X' ,	width:65, 	align:"center"}
				,{name:'Y' ,	width:75, 	align:"center"}
				,{name:'시도' ,	width:70, 	align:"center"}
				,{name:'시군구' ,	width:70, 	align:"center"}
				,{name:'읍면동' ,	width:70, 	align:"center"}
				,{name:'리' ,	width:70, 	align:"center"}
				,{name:'경급' ,	width:50, 	align:"center"}
				,{name:'감염목' ,	width:60, 	align:"center"}
				,{name:'시료채취' ,	width:65, 	align:"center"}
				,{name:'연' ,	width:60, 	align:"center"}
				,{name:'월' ,	width:35, 	align:"center"}
				,{name:'일' ,	width:35, 	align:"center"}
				,{name:'직' ,	width:100, 	align:"center"}
				,{name:'성명' ,	width:100, 	align:"center"}
				,{name:'비고' ,	width:100, 	align:"center"}

			]
			, rowNum:20
			, rowList:[10,20,30]
			, pager: '#pjmap'
			, viewrecords: true
			, height: '320'
			, caption : '발생조사 목록'
			, autowidth : true
			, shrinkToFit : false
			, editurl : 'test.jsp'
			, onSelectRow : function(rowid, status) {
				if ( status ) {
					var data = $(this).getRowData(rowid);
					$(this).newWin("소나무재선충 상세.html", data['발생지']);
				}
			}
			
		});
		jQuery("#jsonmap").jqGrid('navGrid','#pjmap',{}
		, {height:280,reloadAfterSubmit:false} // edit options
		, {height:280,reloadAfterSubmit:false} // add options
		, {reloadAfterSubmit:false} // del options
		, {}
		);
		jQuery("#jsonmap").jqGrid("setFrozenColumns");
		</script> 
  </div>
</section>
